
   <template>
    <el-breadcrumb :separator-icon="ArrowRight">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>群聊</el-breadcrumb-item>
    </el-breadcrumb>
    <el-row :gutter="20">
      <el-col :span="8">
        <chatChild 
        :chat_type="chat_type"
        :chat_box="chat_box1"></chatChild>
      </el-col>
      <el-col :span="8">
        <chatChild 
        :chat_type="chat_type"
        :chat_box="chat_box2"></chatChild>
      </el-col>
      <el-col :span="8">
        <chatChild 
        :chat_type="chat_type"
        :chat_box="chat_box3"></chatChild>
      </el-col>
    </el-row>
   </template>
   <script setup >
   import { ref ,reactive} from 'vue'
  import chatChild from "../../components/chat/index.vue"
  import { ArrowRight } from '@element-plus/icons-vue'
  const chat_box1 = ref('chat_box1')
  const chat_box2 = ref('chat_box2')
  const chat_box3 = ref('chat_box3')
  /**
   * send_to_group群聊
   * send_to_uid私聊
   */
  const chat_type = ref('send_to_group')
   </script>
  
   <style scoped lang="scss">
   
   </style>